<template>
     <div class="function12">

        <p class="function1_title1">基础信息</p>
        <div class="function1_content1">
                <div class="function1_content1_li2">
                    <p class="function1_content1_li2_title1">肖像图：</p>
                    <img class="function1_content1_li2_img" src="http://qiniu.banluyuan.com/78dfe7de-fc18-4fea-8400-547630eb29f4.png" alt="">
                </div>
                    <div class="function1_content1_li1">
                        <p class="function1_content1_li1_title1">城市：</p>
                        <p class="function1_content1_li1_content1">北京</p>
                    </div>
                    <div class="function1_content1_li1">
                        <p class="function1_content1_li1_title1">球种：</p>
                        <p class="function1_content1_li1_content1">足球</p>
                    </div>
                    <div class="function1_content1_li1">
                        <p class="function1_content1_li1_title1">姓名：</p>
                        <p class="function1_content1_li1_content1">张三</p>
                    </div>
                    <div class="function1_content1_li1">
                        <p class="function1_content1_li1_title1">性别：</p>
                        <p class="function1_content1_li1_content1">男</p>
                    </div>
                    <div class="function1_content1_li1">
                        <p class="function1_content1_li1_title1">年龄：</p>
                        <p class="function1_content1_li1_content1">28</p>
                    </div>
                    <div class="function1_content1_li1">
                        <p class="function1_content1_li1_title1">身份证号：</p>
                        <p class="function1_content1_li1_content1">1309271984</p>
                    </div>
                    <div class="function1_content1_li1">
                        <p class="function1_content1_li1_title1">身高【cm】：</p>
                        <p class="function1_content1_li1_content1">185</p>
                    </div>
                    <div class="function1_content1_li1">
                        <p class="function1_content1_li1_title1">联系电话：</p>
                        <p class="function1_content1_li1_content1">13888888888</p>
                    </div>
                <div class="function1_content1_li2">
                    <p class="function1_content1_li2_title1">身份证正面：</p>
                    <img class="function1_content1_li2_img" src="http://qiniu.banluyuan.com/1d89e621-161a-48f1-bfa1-cf9153fd8b11.png" alt="">
                </div>
                <div class="function1_content1_li2">
                    <p class="function1_content1_li2_title1">身份证背面：</p>
                    <img class="function1_content1_li2_img" src="http://qiniu.banluyuan.com/393c781f-bd6c-4b3e-a791-56b6d7a15f91.png" alt="">
                </div>
                    <div class="function1_content1_li1">
                        <p class="function1_content1_li1_title1">个人履历：</p>
                        <p class="function1_content1_li1_content1">我是一个粉刷匠</p>
                    </div>
        </div>

    </div>


</template>
<script>
    
export default {
    data() {
        return {
        }
    },

    created() {
    },

    mounted() {
    },

    components: {
    },

    methods: {
    }

}


</script>
<style lang="scss" scoped>
.function12 {
    padding: 20px;
    background-color: #fff;
    margin: 0;

    .function1_state1 {
        background: #F5F6FA;
        padding: 20px 24px;
        display: flex;

        .function1_state1_title1 {
            color: #1e1e1e;
            font-size: 24px;
            font-weight: 600;
        }

        .function1_state1_button1 {
            width: 115px;
            margin-left: 20px;
        }

    }

    .function1_title1 {
        background: #F7F8FA;
        padding: 0 18px;
        line-height: 48px;
        color: #1D1D1D;
        font-size: 14px;
        margin-top: 30px;
        text-align: left;
    }

    .function1_content1 {
        display: flex;
        flex-wrap: wrap;

        .function1_content1_li1 {
            display: flex;
            margin-right: 40px;
            margin-top: 20px;

            .function1_content1_li1_title1 {
                margin-left: 20px;
                font-size: 14px;
                color: #666;
                display: inline-block;
                line-height: 20px;
            }

            .function1_content1_li1_content1 {
                font-size: 14px;
                color: #666;
                display: inline-block;
                line-height: 20px;
            }

            .function1_content1_li1_button1 {
                font-size: 14px;
                color: #0771FF;
                display: inline-block;
                line-height: 20px;
                margin-left: 10px;
                cursor: pointer
            }
        }

        .function1_content1_li2 {
            width: 100%;
            display: flex;
            margin-right: 40px;
            margin-top: 20px;
            box-sizing: border-box;

            .function1_content1_li2_title1 {
                margin-left: 20px;
                font-size: 14px;
                color: #666;
                display: inline-block;
                line-height: 20px;
            }

            .function1_content1_li2_img {
                width: 50px;
                height: 50px;
                border-radius: 50%;
            }
        }
    }
}

</style>